<!-- Subscribe -->
<div class="max-w-[85rem] px-4 py-10 sm:px-6 lg:px-8 lg:py-16 mx-auto">
  <div class="grid md:grid-cols-2 gap-8">
    <div class="max-w-md">
      <h2 class="text-2xl font-bold md:text-3xl md:leading-tight dark:text-white">Subscribe</h2>
      <p class="mt-3 text-gray-600 dark:text-gray-400">
        Subscribe and start making the most of every engagement.
      </p>
    </div>

    <form>
      <div class="w-full sm:max-w-lg md:ml-auto">
        <div class="flex flex-col items-center gap-2 sm:flex-row sm:gap-3">
          <div class="w-full">
            <label for="hero-input" class="sr-only">Search</label>
            <input
              type="text"
              id="hero-input"
              name="hero-input"
              class="
                py-3
                px-4
                block
                w-full
                border-gray-200
                shadow-sm
                rounded-md
                focus:z-10
                focus:border-blue-500
                focus:ring-blue-500
                dark:bg-slate-900
                dark:border-gray-700
                dark:text-gray-400
              "
              placeholder="Enter your email"
            />
          </div>
          <a
            class="
              w-full
              sm:w-auto
              whitespace-nowrap
              inline-flex
              justify-center
              items-center
              gap-x-3
              text-center
              bg-blue-600
              hover:bg-blue-700
              border border-transparent
              text-white
              font-medium
              rounded-md
              focus:outline-none
              focus:ring-2 focus:ring-blue-600 focus:ring-offset-2 focus:ring-offset-white
              transition
              py-3
              px-4
              dark:focus:ring-offset-gray-800
            "
            href="#"
          >
            Subscribe
          </a>
        </div>
        <p class="mt-3 text-sm text-gray-500">No spam, unsubscribe at any time</p>
      </div>
    </form>
  </div>
</div>
<!-- End Subscribe -->
